*{
 font-family: 'Trebuchet MS';
 font-size: 15px;
}

body{
	background-color: #ededed;
}

#container{
	width:780px;
	height:1000px; 
	background: #ededed url('images/About Page.png') no-repeat top center;
	margin: 0 auto;
	position: relative;
}
#currentTheorem{
width:500px;
}

#graphNode{
position:absolute;
text-color:#0d3a5a;
font-size:28px;
width:110px;
height:110px;
text-align: center;
top: 130px;
left: 135px;
}

#simpleGraphNode{
position:absolute;
text-color:#0d3a5a;
font-size:28px;
width:100px;
height:110px;
text-align: center;
top:300px;
left:210px;
}

#treeNode{
position:absolute;
text-color:#0d3a5a;
font-size:28px;
width:100px;
height:110px;
text-align: center;
top:348px;
left:417px;
}

#resetNode{
position:absolute;
text-color:#0d3a5a;
font-size:28px;
width:100px;
height:110px;
text-align: center;
top:440px;
left:120px;
}

#homeNode{
position:absolute;
text-color:#0d3a5a;
font-size:28px;
width:100px;
height:110px;
text-align: center;
top:615px;
left:355px;
}

div.node{
width:122px;
height:122px;
background-color:#000000;
}

b.var{ color: green;}

div.theoremTitle{
text-decoration:underline;
text-align:left;
color:#df472a;
font-size:20px;
position:absolute;
top:130px;
left:260px;
}
div.theoremBody{
color:#ba2406;
text-align:left;
position:absolute;
top:160px;
left:260px;
}
div.nodeName{
text-color:#0d3a5a;
font-size:28px;
}




